﻿#t-overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

.t-box
{
    width: 150px;
    height: 26px;
    border: 1px solid #DCDBDB;
    border-left: 1px dashed #DCDBDB;
    padding: 2px 5px;
    display: inline-block;
    position: absolute;
}

.t-area
{
	border: 1px solid #DCDBDB;
    border-left: 1px dashed #DCDBDB;
    padding: 2px 5px;
    display: inline-block;
    position: absolute;
}

select.t-box
{
    height: 26px;
    width: 160px;
}

.t-error
{
    border: 1px solid #7a0000 !important;
    box-shadow: 0 0 6px #7a0000;
    color: #7a0000;
}

.type-tbox
{
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 1px solid #DCDBDB;
    border-right: 1px dashed #DCDBDB;
    background-image: url("../image/iconitos.png");
    background-position: -10px -10px;
}

    .type-tbox.t-error
    {
        background-position: -10px 202px;
    }

    .type-tbox.user
    {
        background-position: -10px -10px;
    }

        .type-tbox.user.t-error
        {
            background-position: -10px 202px;
        }

    .type-tbox.school
    {
        background-position: -34px -10px;
    }

        .type-tbox.school.t-error
        {
            background-position: -34px 202px;
        }

    .type-tbox.web
    {
        background-position: -58px -10px;
    }

        .type-tbox.web.t-error
        {
            background-position: -58px 202px;
        }

    .type-tbox.phone
    {
        background-position: -82px -10px;
    }

        .type-tbox.phone.t-error
        {
            background-position: -82px 202px;
        }

    .type-tbox.mail
    {
        background-position: -106px -10px;
    }

        .type-tbox.mail.t-error
        {
            background-position: -106px 202px;
        }

    .type-tbox.password
    {
        background-position: -130px -10px;
    }

        .type-tbox.password.t-error
        {
            background-position: -130px 202px;
        }

    .type-tbox.enterprise
    {
        background-position: -154px -10px;
    }

        .type-tbox.enterprise.t-error
        {
            background-position: -154px 202px;
        }

    .type-tbox.date
    {
        background-position: -178px -10px;
    }

        .type-tbox.date.t-error
        {
            background-position: -178px 202px;
        }

.t-btn
{
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: black;
    background: none;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 900;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

    .t-btn:disabled
    {
        border: solid 1px #DCDCDC;
        color: #DCDCDC;
    }

        .t-btn:disabled::after
        {
            background: none !important;
            color: #DCDCDC !important;
        }

        .t-btn:disabled:hover
        {
            color: #DCDCDC !important;
        }

    .t-btn.tiny
    {
        margin: 2px 2px;
        padding: 3px 10px;
    }

    .t-btn.small
    {
        margin: 5px 10px;
        padding: 5px 15px;
    }

    .t-btn.medium
    {
        margin: 10px 20px;
        padding: 10px 25px;
    }

    .t-btn.large
    {
        margin: 15px 30px;
        padding: 20px 50px;
    }

    .t-btn:after
    {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        transition: all 0.3s;
    }

    .t-btn.change
    {
        overflow: hidden;
    }

        .t-btn.change:after
        {
            background: #1340e9 !important;
            opacity: 0;
        }

        .t-btn.change:hover, .t-btn-change:active
        {
            color: white;
            background: #1340e9 !important;
        }

    .t-btn.hor-opening
    {
        overflow: hidden;
    }

        .t-btn.hor-opening:after
        {
            width: 0;
            height: 103%;
            top: 50%;
            left: 50%;
            background: #1340e9 !important;
            opacity: 0;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

        .t-btn.hor-opening:hover, .t-btn.hor-opening:active
        {
            color: white;
        }

            .t-btn.hor-opening:hover:after
            {
                width: 90%;
                opacity: 1;
            }

            .t-btn.hor-opening:active:after
            {
                width: 101%;
                opacity: 1;
            }


    .t-btn.ver-opening
    {
        overflow: hidden;
    }

        .t-btn.ver-opening:after
        {
            width: 101%;
            height: 0;
            top: 50%;
            left: 50%;
            background: #7a0000 !important;
            opacity: 0;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

        .t-btn.ver-opening:hover, .t-btn.ver-opening:active
        {
            color: white;
        }

            .t-btn.ver-opening:hover:after
            {
                height: 75%;
                opacity: 1;
            }

            .t-btn.ver-opening:active:after
            {
                height: 130%;
                opacity: 1;
            }
